<template>
  <div>
    <h2>HOME</h2>
    <div>
      <!-- 字符串写法 -->
      <!-- <router-link to="/home/music">music</router-link>
      <router-link to="/home/news">news</router-link> -->

      <!-- 对象path写法 -->
      <!-- <router-link :to="{ path: '/home/music' }">music</router-link>
      <router-link :to="{ path: '/home/news' }">news</router-link> -->

      <!-- 对象name写法 -->
      <router-link :to="{ name:'music' }">music</router-link>
      <router-link :to="{ name:'news'}">news</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style>
</style>